<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>我的购物车</title>
    <link rel="stylesheet" href="./css/all.css">
    <link rel="stylesheet" href="./css/index.css">
    <link rel="stylesheet" href="./css/iconfont/iconfont.css">
    <link rel="stylesheet" href="./css/shoppingcar.css">
</head>

<body>
    <!-- headder -->
    <div class="hd">
        <div class="hd-c clearfix">
            <!-- logo -->
            <div class="logo">
                <a href="#">
                    <img src="imgs/shoppingcar/logo.png" alt="">
                </a>
            </div>
            <!-- nav -->
            <ul class="my-nav clearfix">
                <li class="user">
                    <span>
                        你好
                        <a href="" id="user-phone">187*****9</a>
                        <i></i>
                    </span>
                    <a href="">[退出]</a>
                    <a href="">订单管理</a>
                </li>
                <li>
                    <span class="line"></span>
                </li>
                <li>400-6789-888</li>
                <li>
                    <span class="line"></span>
                </li>
                <li>在线客服</li>
                <li>
                    <span class="line"></span>
                </li>
                <li>会员服务</li>
            </ul>
            <!-- pic -->
            <div class="bao"></div>
        </div>
    </div>
    <!-- con -->
    <div class="con">
        <div class="con-c">
            <!-- 标题 -->
            <div class="cart-tab">
                <a href="">
                    特卖商品
                </a>
            </div>
            <!-- 商品列表 -->
            <div class="goods-box">
                <!-- 商品信息 -->
                <div class="list">
                    <!-- 表头 -->
                    <div class="t-hd">
                        <ul class="clearfix">
                            <li class="shop-name">
                                <span class="tt">商品</span>
                            </li>
                            <li class="price"><span>单价</span></li>
                            <li class="num-td"><span>数量</span></li>
                            <li class="action"><span>操作</span></li>
                        </ul>
                    </div>
                    <!-- body -->
                    <div class="oder">
                        <div class="tit">唯品自营</div>
                        <div class="oder-bd">
                            <div class="table-box">
                                <div class="od-inner">
                                    <!-- start -->

                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- 结算 -->
                <div class="cup clearfix">
                    <div class="ticket">
                        <div class="t-box">
                            <a href="">
                                <span>使用优惠券</span>
                                <i class="iconfont icon-xiajiantou"></i>
                            </a>
                        </div>
                    </div>
                    <div class="total">
                        <div class="tb-body">
                            <div class="tb-c">
                                <!-- 共计多少件商品 -->
                                <div class="shopnum-box">
                                    共
                                    <span id="total-goodsnum">0</span>件商品
                                </div>
                                <!-- 共计总价格 -->
                                <div class="pricenum-box">
                                    <span class="m-price">
                                        <span class="yuan">¥</span>
                                        <span id="total-pricenum">0</span>
                                    </span>
                                    总金额 (未含运费)
                                </div>
                            </div>
                        </div>
                        <div class="tb-foot">
                            <div class="ft-c">
                                <a href="">
                                    <span>立即结算</span>
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!-- 保证 -->
            <div class="promise-box">
                <div class="p-1"></div>
                <div class="p-2"></div>
                <div class="p-3"></div>
            </div>
        </div>
    </div>

    <!-- footer -->
    <div class="footer">
        <div class="footer-inner">
            <div class="bottom">
                <p class="bottom-link">
                    <a href="http://127.0.0.1/test/VIP/about.html" target="_blank">关于我们</a>|
                    <a href="#">About us</a>|
                    <a href="#">Investor Relations</a>|
                    <a href="#">媒体报道</a>|
                    <a href="#">品牌招商</a>|
                    <a href="#">平台规则</a>|
                    <a href="#">隐私条款</a>|
                    <a href="#">服务条款</a>|
                    <a href="#">唯品诚聘</a>|
                    <a href="#">唯品卡</a>|
                    <a href="#">联系我们</a>|
                    <a href="#">廉正举报</a>
                </p>
                <p class="bottom-txt">
                    Copyright o 2008-现在vip.com, AlIl Rights Reserved使用本网站即表示接受
                    <a href="#">唯品会用户协议</a>。版权所有
                    <ahref="#">广州唯品会电子商务有限公司</a><br>
                        <a href="#">
                            <img src="imgs/bottom/小图标/jinghui.png" alt="">
                            粤公网安备4410302111111号</a>&nbsp;&nbsp;
                        <a href="#">粤ICP备08114786号</a>&nbsp;&nbsp;
                        <a href="#">增值业务经营许可证:粵B2-20170777</a>&nbsp;&nbsp; <a href="#">网络文化经营许可证:粤网文[2021]
                            2056-282号</a><br>
                        <a href="#">经营主体证照</a>&nbsp;&nbsp;
                        <a href="#">风险监测信息</a>&nbsp;&nbsp;
                        <a href="#">互联网药品信息服务 资格证书:(粵)-经营性2018-0271</a>&nbsp;&nbsp;
                        <a href="#">网络食品交易第三方平台备案凭证:粵B2 20170777</a> &nbsp;&nbsp;
                        <a href="#">医疗器械网络交易服务第三方平台备案凭证: (粤) 网械平台备字[2019]第00001号</a>
                        &nbsp;&nbsp;出版物网络交易平台服务经营备案证:粵新出网备(2021) 1号 未成年人关怀专区<br>
                        违法和不良信息举报电话: 4006789888 算法推荐违规举报电话: 4006789888
                </p>
            </div>
        </div>
        <div class="footer-foot">
            <div class="foot-pic">
                <a href="#">
                    <i class="ico-1"></i>
                </a>
                <a href="#">
                    <i class="ico-2"></i>
                </a>
                <a href="#">
                    <img src="imgs/bottom/小图标/诚信.png" alt="">
                </a>
                <a href="#">
                    <i class="ico-4"></i>
                </a>
            </div>
        </div>
    </div>

</body>

</html>
<script src="js/jquery-3.2.1.min.js"></script>
<script src="js/cookieTools.js"></script>
<script src="js/car.js"></script>
<script src="js/shoppingcar.js"></script>
<script>
    if (getCookie("vipName") != "") {
        let str = getCookie("vipName")
        $('#log').html("欢迎" + str);
    }
</script>